*{
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.radmenu {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.radmenu > a {
    top: calc(50% - 30px);
    left: calc(50% - 30px);
}

.radmenu > a.show {
    display: flex !important;
}

.radmenu li {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 1s ease;
}

.radmenu a {
    position: absolute;
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.9);
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    display: none;
    text-decoration: none;
    color: #595959;
    transition: all 1s ease;
    box-shadow: 0 0 15px #4d4d4d;
    font-weight: 200;
    font-size: 16px;
}
.radmenu .home{
    box-shadow: 0 0 15px  #41c8ff;
}
.radmenu .company{
    box-shadow: 0 0 15px #fffd1a;
}
.radmenu .child{
    box-shadow: 0 0 15px  #ffca04;
}
.radmenu .mom{
    box-shadow: 0 0 15px   #ff8e89;
}
.radmenu .repair{
    box-shadow: 0 0 15px   #c7c0c1;
}
.radmenu .take{
    box-shadow: 0 0 15px   #3fba20;
}
.radmenu .mine{
    box-shadow: 0 0 15px rgba(255, 136, 15, 0.51);
}
.radmenu .firstaid{
    box-shadow: 0 0 15px rgba(255, 96, 208, 0.70);
}
.radmenu .selected {
    background: rgba(127, 127, 127, 0.43);
    box-shadow: 0 0 15px #bee5dd;
    display: flex;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    color: #f1f1f1;
    box-shadow: 0 0 10px #f1f1f1;
}

.radmenu .selected + ul > li:nth-child(1) {
    -webkit-transform: rotate(45deg) translateX(80px);
    transform: rotate(45deg) translateX(80px);
}

.radmenu .selected + ul > li:nth-child(1) > a {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.radmenu .selected + ul > li:nth-child(2) {
    -webkit-transform: rotate(90deg) translateX(80px);
    transform: rotate(90deg) translateX(80px);
}

.radmenu .selected + ul > li:nth-child(2) > a {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.radmenu .selected + ul > li:nth-child(3) {
    -webkit-transform: rotate(135deg) translateX(80px);
    transform: rotate(135deg) translateX(80px);
}

.radmenu .selected + ul > li:nth-child(3) > a {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.radmenu .selected + ul > li:nth-child(4) {
    -webkit-transform: rotate(180deg) translateX(80px);
    transform: rotate(180deg) translateX(80px);
}

.radmenu .selected + ul > li:nth-child(4) > a {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.radmenu .selected + ul > li:nth-child(5) {
     -webkit-transform: rotate(235deg) translateX(80px);
     transform: rotate(235deg) translateX(80px);
 }

.radmenu .selected + ul > li:nth-child(5) > a {
    -webkit-transform: rotate(-235deg);
    transform: rotate(-235deg);
}
.radmenu .selected + ul > li:nth-child(6) {
    -webkit-transform: rotate(280deg) translateX(80px);
    transform: rotate(280deg) translateX(80px);
}

.radmenu .selected + ul > li:nth-child(6) > a {
    -webkit-transform: rotate(-280deg);
    transform: rotate(-280deg);
}
.radmenu .selected + ul > li:nth-child(7) {
    -webkit-transform: rotate(325deg) translateX(80px);
    transform: rotate(325deg) translateX(80px);
}

.radmenu .selected + ul > li:nth-child(7) > a {
    -webkit-transform: rotate(-325deg);
    transform: rotate(-325deg);
}
.radmenu .selected + ul > li:nth-child(8) {
    -webkit-transform: rotate(360deg) translateX(80px);
    transform: rotate(360deg) translateX(80px);
}

.radmenu .selected + ul > li:nth-child(8) > a {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.radmenu .selected + ul > li > a {
    display: flex;
}
